<body>
<script type="text/javascript">
    $(document).ready(
        function(){
            $("#add_member").validate({
            
                rules:{
                    cpassword:{
                        equalTo:"#password"
                    }
                }
            });
        }
    )
</script>

</script>
<script type="text/javascript">
    function logOut(){
        var result = confirm("Bạn có chắc chắn muốn đăng xuất không?");
        confi
        return result;
    } 
</script>

<div class="topbar">
	<div class="content">
        <div class="right">
        	<!--BEGIN: Topbar Right-->
            
            
            <div class="widget-logout">
            	<a href="logout.php" title="" onclick=" return logOut();">
                	<span>Thoát</span>
                </a>
            </div>
            <!--END Topbar Right-->
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="header">
	<div class="content">
        <div class="right">
        	<!--BEGIN: Header Right-->
            <div class="widget-menu tab">
            	<ul>
                	<li class="first">
                    	<a href="#" class="active" title="">
                        	<span>
                            	<img src="file:///G:/Download/GEATE/icon_16x16.png" alt="" />
                                Trang chủ
                            </span>
                        </a>
                    </li>
                    <li>
                    	<a href="#" title="">
                        	<span>
                            	<img src="file:///G:/Download/GEATE/icon_16x16.png" alt="" />
                                Hỗ trợ
                            </span>
                        </a>
                    </li>
                    <li>
                    	<a href="#" title="">
                        	<span>
                            	<img src="file:///G:/Download/GEATE/icon_16x16.png" alt="" />
                                Mã nguồn
                            </span>
                        </a>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
            <!--END Header Right-->
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="menu">
	<div class="content">
    	<!--BEGIN: Menu-->
        <div class="widget-menu list">
        	<ul id="nav">
            	<li>
                	<a href="index.php" title="">Quản lý đơn hàng</a>
                </li>
                <li>
                	<a href="books.php" title="">Quản lý sách</a>
                    <ul>
                        <li>
                            <a href="addbook.php" title="">Thêm sách</a>
                        </li>
                    </ul>
                </li>
                <li>
                	<a href="accounts.php" class="active" title="">Quản lý tài khoản</a>
                    <ul>
                        <li>
                            <a href="addmember.php" title="">Thêm tài khoản</a>
                        </li>
                    </ul>
                </li>
                <div class="clear"></div>
            </ul>
        </div>
        <!--END Menu-->
    </div>
</div>
<div class="main">
	<div class="content">
    	<div class="toolbar">
        	<!--BEGIN: Message-->
            <?php echo "<div class='" . $class . "'>" . $message . "</div>"?>
            <!--END Message-->
        	<!--BEGIN: Toolbar-->
            <div class="widget-toolbar">
            	<h2 class="list">Thêm mới thành viên</h2>
                <ul>
                	<li class="first">
                        <input type="submit" name="submit" value="Thêm" class="save" form="add_member" /> 
                    </li>
                    <li>
                    	<input type="reset" name="reset" value="Nhập lại" class="reset" form="add_member" />
                    </li>
                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
            </div>
            <!--END Toolbar-->
        </div>
        <div class="body">
        	<!--BEGIN: Body-->   
         <form action="addmember.php" method="post" name="addmember" id="add_member">
            <div class="module-form">
            	<ul>
                	<li>
                    	<label>Tên đăng nhập<span>(*)</span>:</label>
                        <input type="text" name="username" value="" class="required" minlength="4"/>
                        <span class="error"></span>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <label>Mật khẩu<span>(*)</span>:</label>
                        <input type="password" id="password" name="password" value="" class="required" minlength="4"/>
                        <span class="error"></span>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <label>Nhập lại mật khẩu<span>(*)</span>:</label>
                        <input type="password" name="cpassword" value="" class="required" />
                        <span class="error"></span>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <label>Họ tên<span>(*)</span>:</label>
                        <input type="text" name="fullname" value="" class="required"/>
                        <span class="error"></span>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <label>Địa chỉ email<span>(*)</span>:</label>
                        <input type="email" name="email" value="" class="required email"/>
                        <span class="error"></span>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <label>Giới tính:</label>
                        <input type="radio" name="gender" value="Nam" checked="true" /><span>&nbsp;Nam</span>
                        <input type="radio" name="gender" value="Nữ"/><span>&nbsp;Nữ</span>
                        <span class="error"></span>
                        <div class="clear"></div>
                    </li>
                    <li>
                        <label>Mô tả:</label>
                        <textarea name="description" rows="5" cols="30"></textarea>
                        <span class="error"></span>
                        <div class="clear"></div>
                    </li>
                </ul>
            </div>
            
           
            <!--END Body-->
        </div>
        <div class="clear"></div>
    </div>
</div>
</form>
<div class="footer">
	<div class="content">
    	<div class="left">
        	<!--BEGIN: Footer Left-->
            <!--END Footer Left-->
        </div>
        <div class="right">
        	<!--BEGIN: Footer Right-->
            <!--END Footer Right-->
        </div>
        <div class="clear"></div>
    </div>
</div>
</body>
</html>